<%-- 
    Document   : index
    Created on : 23-ene-2012, 13:22:19
    Author     : inftel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../resources/js/jquery-1.4.2.min.js"></script>
        <!-- 960 Grid -->
        <link rel="stylesheet" type="text/css" href="../css/960/960.css"/>
        <link rel="stylesheet" type="text/css" href="../css/960/reset.css"/>
        <link rel="stylesheet" type="text/css" href="../css/960/text.css"/>
        <link rel="stylesheet" type="text/css" href="../css/Estilos.css"/>
        <title>TelePaSOS - Simulación</title>
        <script type="text/javascript">
            
            $(document).ready(function() {
                event.preventDefault();
                $("#enviarTrama").click(function() {
                    var au = $("#au").val();
                    var lt = $("#lt").val();
                    var ln = $("#ln").val();
                    var ld = $("#ld").val();
                    var lh = $("#lh").val();
                    var xid = $("#xid").val();
                    $.post("../Prueba", { au : au, lt : lt, ln : ln, ld : ld, lh : lh, xid :  xid});
                });
            });
            
        </script>
    </head>
    <body>
        <div class="container_12">
            <div class="grid_12" style="height: 50px;"></div>
            <div class="clear"></div>
            <div class="separator"></div>
            <div class="grid_6 alpha">
                <div class="titulo">Envio de trama de simulación</div>
                <div class="clear"></div>
                <div class="separator"></div>
                <div id="formLogin">
                    <form action="../Prueba" method="POST">
                        <div class="separator"></div>
                        <div class="form-item">
                            <label>Tipo alarma</label>
                            <input id="au" type="text" name="au" class="text"/>
                        </div>
                        <div class="form-item">
                            <label>Latitud</label>
                            <input id="lt" type="text" name="lt" class="text"/>
                        </div>
                        <div class="form-item">
                            <label>Longitud</label>
                            <input id="ln" type="text" name="ln" class="text"/>
                        </div>
                        <div class="form-item">
                            <label>Día</label>
                            <input id="ld" type="text" name="ld" class="text"/>
                        </div>
                        <div class="form-item">
                            <label>Hora</label>
                            <input id="lh" type="text" name="lh" class="text"/>
                        </div>
                        <div class="form-item">
                            <label>Teléfono</label>
                            <input id="xid" type="text" name="xid" class="text"/>
                        </div>
                        <a id="enviarTrama" href="" role="button" class="button">Enviar aviso</a>
                        <div class="separator"></div>
                    </form>
                </div>
            </div>
            <div class="grid_6 omega">
                <div class="titulo">Tabla de ayuda</div>
                <div class="clear"></div>
                <div class="separator"></div>
                <table class="contactos">
                    <thead>
                        <tr class="fila head">
                            <th class="columna" style="text-align: center">Ciudad</th>
                            <th class="columna" style="text-align: center">Latitud</th>
                            <th class="columna" style="text-align: center">Longitud</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Granada</td>
                            <td class="columna" style="text-align: center">37.185758</td>
                            <td class="columna" style="text-align: center">-3.598709</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Madrid</td>
                            <td class="columna" style="text-align: center">40.446947</td>
                            <td class="columna" style="text-align: center">-3.699646</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Barcelona</td>
                            <td class="columna" style="text-align: center">41.396127</td>
                            <td class="columna" style="text-align: center">2.1698</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Málaga</td>
                            <td class="columna" style="text-align: center">36.717283</td>
                            <td class="columna" style="text-align: center">-4.474182</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Valencia</td>
                            <td class="columna" style="text-align: center">39.468585</td>
                            <td class="columna" style="text-align: center">-0.397353</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Berlín</td>
                            <td class="columna" style="text-align: center">52.528963</td>
                            <td class="columna" style="text-align: center">13.406067</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Huétor Tájar</td>
                            <td class="columna" style="text-align: center">37.197758</td>
                            <td class="columna" style="text-align: center">-4.047625</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Huelva</td>
                            <td class="columna" style="text-align: center">37.265788</td>
                            <td class="columna" style="text-align: center">-6.934175</td>
                        </tr>
                        <tr class="fila">
                            <td class="columna" style="text-align: center">Bruselas</td>
                            <td class="columna" style="text-align: center">50.854292</td>
                            <td class="columna" style="text-align: center">4.351959</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
